<template>
  <div v-demo:test="{ color: 'white', text: 'hello!' }">test</div>
</template>

<script>
export default {
  data() {
    return {
      direction: "right",
      pinPadding: 200,
    };
  },
  directives: {
    demo: {
      mounted(el, binding) {
        console.log(binding);
        console.log(binding.value.color); // => "white"
        console.log(binding.value.text); // => "hello!"
      },
    },
  },
};
</script>

<style>
</style>